<!DOCTYPE html>
<html lang="zxx" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">

<head>
    <title>贵阳市商贸学校</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8"/>
    <meta name="keywords" content=""
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!--// Meta tag Keywords -->

    <!-- Custom-Files -->
    <!-- Bootstrap-Core-Css -->
    <link rel="stylesheet" th:href="@{/css/bootstrap.css}" href="css/bootstrap.css">
    <link rel="icon" th:href="@{/images/favicon.ico}" href="images/favicon.ico">
    <!-- Testimonials-Css -->
    <link href="css/mislider.css" th:href="@{css/mislider.css}" rel="stylesheet" type="text/css"/>
    <link href="css/mislider-custom.css" th:href="@{/css/mislider-custom.css}" rel="stylesheet" type="text/css"/>
    <!-- Style-Css -->
    <link rel="stylesheet" href="css/style.css" th:href="@{/css/style.css}" type="text/css" media="all"/>
    <!-- Font-Awesome-Icons-Css -->
    <link rel="stylesheet" href="css/fontawesome-all.css" th:href="@{/css/fontawesome-all.css}">
    <!-- //Custom-Files -->

    <!-- Web-Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
          rel="stylesheet">
    <link href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
          rel="stylesheet">
    <!-- //Web-Fonts -->

</head>

<body>


<!-- header -->
<div th:replace="include/header::#fragment-id"></div>
<!-- //header -->


<!-- banner -->
<div class="banner-agile">
    <ul class="slider">
        <li class="active">
            <div class="banner-w3ls-1">
            </div>
        </li>
        <li>
            <div class="banner-w3ls-2">
            </div>
        </li>
        <li>
            <div class="banner-w3ls-3">
            </div>
        </li>
        <li>
            <div class="banner-w3ls-4">
            </div>
        </li>
        <li class="prev">
            <div class="banner-w3ls-5">
            </div>
        </li>
    </ul>
    <ul class="pager">
        <li data-index="0" class="active"></li>
        <li data-index="1"></li>
        <li data-index="2"></li>
        <li data-index="3"></li>
        <li data-index="4"></li>
    </ul>
    <div class="banner-text-posi-w3ls">
        <div class="banner-text-whtree">
            <h3 class="text-capitalize text-white p-4">你们的美好未来
                <b>是我们的使命!</b>
            </h3>
            <p class="px-4 py-3 text-dark">毕业后成为一流的专家!</p>
            <a href="about.html" class="button-agiles text-capitalize text-white mt-sm-5 mt-4">阅读更多</a>
        </div>
    </div>
    <div th:replace="include/header::#banner"></div>
</div>

<!-- //banner -->
<nav aria-label="breadcrumb">
    <ol class="breadcrumb">
        <li class="breadcrumb-item">
            <img src="https://www.gysxinhua.com/static/pc/picture/tjlb.png">
            <a style="color: red">&nbsp;&nbsp;今日头条：贵阳市商贸学校，热烈欢迎广大学生及家长来学校实地考察！学校咨询电话：13638509343</a>
        </li>
    </ol>
</nav>


<!-- 猜你想学 -->
<div class="classes py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-sm-5 mb-4">猜 你
            <span class="font-weight-bold">想学</span>
        </h3>
        <div class="row pt-4">
            <div class="col-lg-4 col-news-top text-center">
                <!-- Left to right -->
                <!-- normal -->
                <div class="ih-item circle effect16 left_to_right mx-auto">
                    <a href="course">
                        <div class="img">
                            <img src="https://img0.baidu.com/it/u=113269029,2783391688&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                                 alt="img" class="img-fluid rounded-circle">
                        </div>
                        <div class="info">
                            <h3 class="text-capitalize text-white">电子商务</h3>
                            <p>Description goes here</p>
                        </div>
                    </a>
                </div>
                <h6 class="small-heading text-capitalize text-center mt-4">
                    <a href="course" class="text-dark">电子商务
                        <i class="fas fa-long-arrow-alt-right ml-1"></i>
                    </a>
                </h6>
                <!-- end normal -->
                <!-- end Left to right -->
            </div>
            <div class="col-lg-4 col-news-top text-center my-lg-0 my-sm-5 my-4">
                <!-- Left to right -->
                <!-- normal -->
                <div class="ih-item circle effect16 left_to_right mx-auto">
                    <a href="course">
                        <div class="img">
                            <img src="https://pic.rmb.bdstatic.com/49db50c401d2baf600bafcee0b82fb7c.jpeg" alt="img"
                                 class="img-fluid rounded-circle">
                        </div>
                        <div class="info">
                            <h3 class="text-capitalize text-white">建筑装饰技术</h3>
                            <p>Description goes here</p>
                        </div>
                    </a>
                </div>
                <h6 class="small-heading text-capitalize text-center mt-4">
                    <a href="course" class="text-dark">建筑装饰技术
                        <i class="fas fa-long-arrow-alt-right ml-1"></i>
                    </a>
                </h6>
                <!-- end normal -->
                <!-- end Left to right -->
            </div>
            <div class="col-lg-4 col-news-top text-center">
                <!-- Left to right -->
                <!-- normal -->
                <div class="ih-item circle effect16 left_to_right mx-auto">
                    <a href="course">
                        <div class="img">
                            <img src="	https://cdn.img.fagua.net/site/50075300/image/c2_20201226141209_68105.jpg"
                                 alt="img" class="img-fluid rounded-circle">
                        </div>
                        <div class="info">
                            <h3 class="text-capitalize text-white">动漫与游戏制作</h3>
                            <p>Description goes here</p>
                        </div>
                    </a>
                </div>
                <h6 class="small-heading text-capitalize text-center mt-4">
                    <a href="course" class="text-dark">动漫与游戏制作
                        <i class="fas fa-long-arrow-alt-right ml-1"></i>
                    </a>
                </h6>
                <!-- end normal -->
                <!-- end Left to right -->
            </div>
        </div>
        <div class="row mt-5">
            <div class="col-lg-4 col-news-top text-center">
                <!-- Left to right -->
                <!-- normal -->
                <div class="ih-item circle effect16 left_to_right mx-auto">
                    <a href="software.html">
                        <div class="img">
                            <img src="https://img0.baidu.com/it/u=2402515664,2069300669&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                                 alt="img" class="img-fluid rounded-circle">
                        </div>
                        <div class="info">
                            <h3 class="text-capitalize text-white">计算机平面设计</h3>
                            <p>Description goes here</p>
                        </div>
                    </a>
                </div>
                <h6 class="small-heading text-capitalize text-center mt-4">
                    <a href="software.html" class="text-dark">计算机平面设计
                        <i class="fas fa-long-arrow-alt-right ml-1"></i>
                    </a>
                </h6>
                <!-- end normal -->
                <!-- end Left to right -->
            </div>
            <div class="col-lg-4 col-news-top text-center  my-lg-0 my-sm-5 my-4">
                <!-- Left to right -->
                <!-- normal -->
                <div class="ih-item circle effect16 left_to_right mx-auto">
                    <a href="social_media.html">
                        <div class="img">
                            <img src="images/c6.jpg" alt="img" class="img-fluid rounded-circle">
                        </div>
                        <div class="info">
                            <h3 class="text-capitalize text-white">动漫与游戏制作 </h3>
                            <p>Description goes here</p>
                        </div>
                    </a>
                </div>
                <h6 class="small-heading text-capitalize text-center mt-4">
                    <a href="https://img1.baidu.com/it/u=776257903,3443479542&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=500"
                       class="text-dark">动漫与游戏制作
                        <i class="fas fa-long-arrow-alt-right ml-1"></i>
                    </a>
                </h6>
                <!-- end normal -->
                <!-- end Left to right -->
            </div>
            <div class="col-lg-4 col-news-top text-center">
                <!-- Left to right -->
                <!-- normal -->
                <div class="ih-item circle effect16 left_to_right mx-auto">
                    <a href="photography.html">
                        <div class="img">
                            <img src="https://cdn.img.fagua.net/site/50075300/image/c2_20201226141209_12377.jpg"
                                 alt="img" class="img-fluid rounded-circle">
                        </div>
                        <div class="info">
                            <h3 class="text-capitalize text-white">电子竞技运动与管理 </h3>
                            <p>Description goes here</p>
                        </div>
                    </a>
                </div>
                <h6 class="small-heading text-capitalize text-center mt-4">
                    <a href="photography.html" class="text-dark">电子竞技运动与管理
                        <i class="fas fa-long-arrow-alt-right ml-1"></i>
                    </a>
                </h6>
                <!-- end normal -->
                <!-- end Left to right -->
            </div>
        </div>
    </div>
</div>
<!-- 猜你想学 -->

<div class="why-choose-agile py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-white text-center mb-5">专业
            <span class="font-weight-bold">开设</span>
        </h3>
        <div class="row agileits-w3layouts-grid pt-md-4">
            <div class="col-lg-4 services-agile-1">
                <div class="row wthree_agile_us">
                    <div class="col-lg-3 col-md-2 col-3  agile-why-text">
                        <div class="wthree_features_grid text-center p-3 border rounded">
                            <i class="fab fa-accusoft"></i>
                        </div>
                    </div>
                    <div class="col-9 agile-why-text-2">
                        <h4 class="text-capitalize text-white font-weight-bold mb-3">网络营销</h4>
                        <!--                        <p>Lorem ipsum magna, vehicula ut scelerisque ornare porta ete celerisque ornare.</p>-->
                        <img src="https://www.gysxinhua.com/uploadfile/202206/37aed81cc09dbb9.jpg" style="width: 280px">
                        <a class="btn mt-3 service-button p-0" href="schoolInfo.html" role="button">Read More
                            <i class="fas fa-long-arrow-alt-right ml-1"></i>
                        </a>
                    </div>
                </div>
            </div>


            <div class="col-lg-4 services-agile-1 my-lg-0 my-5">
                <div class="row wthree_agile_us">
                    <div class="col-lg-3 col-md-2 col-3  agile-why-text">
                        <div class="wthree_features_grid text-center p-3 border rounded">
                            <i class="fas fa-book"></i>
                        </div>
                    </div>
                    <div class="col-9 agile-why-text-2">
                        <h4 class="text-capitalize text-white font-weight-bold mb-3">电子商务</h4>
                        <!--                        <p>Lorem ipsum magna, vehicula ut scelerisque ornare porta ete celerisque ornare.</p>-->
                        <img src="https://www.gysxinhua.com/uploadfile/202206/fb4b61f7bdbd4c7.jpg" style="width: 280px">
                        <a class="btn mt-3 service-button p-0" href="schoolInfo.html" role="button">Read More
                            <i class="fas fa-long-arrow-alt-right ml-1"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 services-agile-1">
                <div class="row wthree_agile_us">
                    <div class="col-lg-3 col-md-2 col-3  agile-why-text">
                        <div class="wthree_features_grid text-center p-3 border rounded">
                            <i class="fas fa-users"></i>
                        </div>
                    </div>
                    <div class="col-9 agile-why-text-2">
                        <h4 class="text-capitalize text-white font-weight-bold mb-3">建筑装饰技术</h4>
                        <img src="https://www.gysxinhua.com/uploadfile/202206/93870716880f25c.jpg" style="width: 280px">
                        <a class="btn mt-3 service-button p-0" href="schoolInfo.html" role="button">Read More
                            <i class="fas fa-long-arrow-alt-right ml-1"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="row agileits-w3layouts-grid mt-5">
            <div class="col-lg-4 services-agile-1">
                <div class="row wthree_agile_us">
                    <div class="col-lg-3 col-md-2 col-3  agile-why-text">
                        <div class="wthree_features_grid text-center p-3 border rounded">
                            <i class="far fa-calendar-alt"></i>
                        </div>
                    </div>
                    <div class="col-9 agile-why-text-2">
                        <h4 class="text-capitalize text-white font-weight-bold mb-3">计算机平面设计</h4>
                        <!--                        <p>Lorem ipsum magna, vehicula ut scelerisque ornare porta ete celerisque ornare.</p>-->
                        <img src="https://www.gysxinhua.com/uploadfile/202206/9b900ce567f4b19.jpg" style="width: 280px">
                        <a class="btn mt-3 service-button p-0" href="schoolInfo.html" role="button">Read More
                            <i class="fas fa-long-arrow-alt-right ml-1"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 services-agile-1  my-lg-0 my-5">
                <div class="row wthree_agile_us">
                    <div class="col-lg-3 col-md-2 col-3  agile-why-text">
                        <div class="wthree_features_grid text-center p-3 border rounded">
                            <i class="fas fa-graduation-cap"></i>
                        </div>
                    </div>
                    <div class="col-9 agile-why-text-2">
                        <h4 class="text-capitalize text-white font-weight-bold mb-3">电子竞技运动与管理</h4>
                        <!--                        <p>Lorem ipsum magna, vehicula ut scelerisque ornare porta ete celerisque ornare.</p>-->
                        <img src="https://www.gysxinhua.com/uploadfile/202206/4122eeac13226c6.jpg" style="width: 280px">
                        <a class="btn mt-3 service-button p-0" href="schoolInfo.html" role="button">Read More
                            <i class="fas fa-long-arrow-alt-right ml-1"></i>
                        </a>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 services-agile-1">
                <div class="row wthree_agile_us">
                    <div class="col-lg-3 col-md-2 col-3  agile-why-text">
                        <div class="wthree_features_grid text-center p-3 border rounded">
                            <i class="far fa-clock"></i>
                        </div>
                    </div>
                    <div class="col-9 agile-why-text-2">
                        <h4 class="text-capitalize text-white font-weight-bold mb-3">动漫与游戏制作</h4>
                        <!--                        <p>Lorem ipsum magna, vehicula ut scelerisque ornare porta ete celerisque ornare.</p>-->
                        <img src="https://www.gysxinhua.com/uploadfile/202206/3ced02913f4e373.jpg" style="width: 280px">
                        <a class="btn mt-3 service-button p-0" href="schoolInfo.html" role="button">Read More
                            <i class="fas fa-long-arrow-alt-right ml-1"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--大家关心的问题-->
<div class="news-section py-6">
    <div class="container py-xl-6 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">大家关心的
            <span class="font-weight-bold">问题</span>
        </h3>
        <div class="row news-grids-w3l pt-md-4">
            <div class="col-md-4 news-grid" th:each="p :${problemList}" style="margin-bottom: 20px">
                <!--                 cursor: grab;
                    cursor: -webkit-grab;-->
                <a onclick="closeChat()" style="cursor: pointer">
                    <img src="https://www.gysxinhua.com/static/pc/picture/dy_1.png"
                         th:src="${p.imagePath}"
                         class="img-fluid" alt="" width="350"/>
                </a>
            </div>
        </div>
    </div>
</div>



<!-- about -->

<!-- //about -->

<!-- Stats-->
<div class="stats-w3layouts py-5">
    <div class="container py-xl-5 py-lg-3" style="color: #e9ecef">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5"><span style="color: white">专业</span>
            <span class="font-weight-bold" style="color: white">人数</span>
        </h3>
        <div class="stats-info">
            <div class="row">
                <div class="col-md-3 col-6 stats-grid-w3-agile text-center px-xl-5 px-3">
                    <div class='numscroller font-weight-bold my-2' data-slno='1' data-min='0' data-max='50'
                         data-delay='.5' data-increment="1">50
                    </div>
                    <p class="text-uppercase text-white border-top pt-4 mt-3">网络营销</p>
                </div>
                <div class="col-md-3 col-6 stats-grid-w3-agile text-center  px-xl-5 px-3">
                    <div class='numscroller font-weight-bold my-2' data-slno='1' data-min='0' data-max='80'
                         data-delay='.5' data-increment="1">80
                    </div>
                    <p class="text-uppercase text-white border-top pt-4 mt-3">电子商务</p>
                </div>
                <div class="col-md-3 col-6 stats-grid-w3-agile text-center mt-md-0 mt-5  px-xl-5 px-3">
                    <div class='numscroller font-weight-bold my-2' data-slno='1' data-min='0' data-max='80'
                         data-delay='.5' data-increment="1">80
                    </div>
                    <p class="text-uppercase text-white border-top pt-4 mt-3">建筑装饰技术</p>
                </div>
                <div class="col-md-3 col-6 stats-grid-w3-agile text-center mt-md-0 mt-5  px-xl-5 px-3">
                    <div class='numscroller font-weight-bold my-2' data-slno='1' data-min='0' data-max='100'
                         data-delay='.5' data-increment="1">100
                    </div>
                    <p class="text-uppercase text-white border-top pt-4 mt-3">计算机平面设计</p>
                </div>
                <div class="col-md-3 col-6 stats-grid-w3-agile text-center mt-md-0 mt-5  px-xl-5 px-3">
                    <div class='numscroller font-weight-bold my-2' data-slno='1' data-min='0' data-max='80'
                         data-delay='.5' data-increment="1">80
                    </div>
                    <p class="text-uppercase text-white border-top pt-4 mt-3">建筑装饰技术</p>
                </div>
                <div class="col-md-3 col-6 stats-grid-w3-agile text-center mt-md-0 mt-5  px-xl-5 px-3">
                    <div class='numscroller font-weight-bold my-2' data-slno='1' data-min='0' data-max='90'
                         data-delay='.5' data-increment="1">90
                    </div>
                    <p class="text-uppercase text-white border-top pt-4 mt-3">电子竞技运动与管理</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- //Stats -->



<!-- brands -->


<!--我的页面================-->


<!-- 就业服务 -->
<div class="news-section py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">就业
            <span class="font-weight-bold">服务</span>
        </h3>
        <div class="row news-grids-w3l pt-md-4">
            <div class="col-md-4 news-grid" th:each="j:${jobList}">
                <a href="job">
                    <img src="https://www.gysxinhua.com/static/pc/picture/jy1.jpg"
                         th:src="@{${j.imagePath}}"
                         class="img-fluid" alt=""/>
                </a>
                <div class="news-text">
                    <div class="news-events-agile event-colo1 py-2 px-3">
                        <h5 class="float-left">
                            <a href="job" class="text-white">就业服务</a>
                        </h5>
                        <div class="post-img float-right">
                            <ul>
                                <li>
                                    <a href="job">
                                        <i class="far fa-comments text-white"></i>
                                    </a>
                                </li>
                                <li class="mx-3">
                                    <a href="job">
                                        <i class="far fa-heart text-white"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="job">
                                        <i class="fas fa-share text-white"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                        <div class="clearfix"></div>
                    </div>
                    <div class="detail-bottom">
                        <h6 class="my-3">
                            <a href="job" class="text-dark" th:text="${j.titleText}">
                                Eiusmod tempor incididunt ut labore sed do eiusmod
                            </a>
                        </h6>
                        <p th:text="${j.remark}">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                            labore sed do eiusmod
                            tempor incididunt ut labore</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 就业服务 -->


<!-- 专业咨询现场 -->
<section class="gallery py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">专业
            <span class="font-weight-bold">咨询现场</span>
        </h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid">
                <div class="col-sm-4 section_1_gallery_grid" th:each="c:${consultList}" style="margin-bottom: 20px">
                    <a href="images/ab.jpg">
                        <div class="section_1_gallery_grid1">
                            <img src="images/ab.jpg"
                                 th:src="@{${c.imagePath}}"
                                 alt=" " class="img-fluid"/>
                            <div class="proj_gallery_grid1_pos">
                                <h3 th:text="${c.titleText}">Edulearn</h3>
                                <p th:text="${c.remark}">Add some text here</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--专业咨询现场-->

<!-- 校园环境 -->
<section class="gallery py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-dark text-center mb-5">校园
            <span class="font-weight-bold">环境</span>
        </h3>
        <div class="inner-sec pt-md-4">
            <div class="row proj_gallery_grid">
                <div class="col-sm-4 section_1_gallery_grid" th:each="s : ${schoolImageList}" style="margin-bottom: 20px">
                    <a href="images/am4.jpg">
                        <div class="section_1_gallery_grid1">
                            <img src="images/am4.jpg" alt=" "
                                 th:src="@{${s.imagePath}}"
                                 class="img-fluid"/>
                            <div class="proj_gallery_grid1_pos">
                                <h3 th:text="${s.titleText}">Edulearn</h3>
                                <p th:text="${s.remark}">Add some text here</p>
                            </div>
                        </div>
                    </a>
                </div>
            </div>
        </div>
    </div>
</section>
<!--校园环境-->

<!-- 教师风采 -->
<div class="testimonials py-5">
    <div class="container py-xl-5 py-lg-3">
        <h3 class="title text-capitalize font-weight-light text-white text-center mb-5">教师
            <span class="font-weight-bold">风采</span>
        </h3>
        <div class="mis-stage">
            <!-- The element to select and apply miSlider to - the class is optional -->
            <ol class="mis-slider">
                <!-- The slider element - the class is optional -->
                <li class="mis-slide" th:each="t:${teachers}">
                    <!-- A slide element - the class is optional -->
                    <a href="teacher" class="mis-container">
                        <!-- A slide container - this element is optional, if absent the plugin adds it automatically -->
                        <figure>
                            <!-- Slide content - whatever you want -->
                            <img src="https://www.gysxinhua.com/uploadfile/202303/4b52fbf6ae28cb0.png" alt=" "
                                 th:src="@{${t.image}}"
                                 class="img-fluid"/>
                            <figcaption th:text="${t.name}">Carl Lii
                                <span th:text="${t.teacherPro}">Sed maximus eros quis leo.</span>
                            </figcaption>
                        </figure>
                    </a>
                </li>
            </ol>
        </div>
    </div>
</div>
<!-- 教师风采 -->

<!--底栏-->
<div th:replace="include/header::#footer"></div>
<!--底栏-->


<!--我的页面================-->


<!-- Js files -->
<!-- JavaScript -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- Default-JavaScript-File -->
<script src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->

<!-- banner slider -->
<script src="js/slider.js"></script>
<!-- //banner slider -->

<!-- testimonial-plugin -->
<script src="js/mislider.js"></script>
<script>
    jQuery(function ($) {
        var slider = $('.mis-stage').miSlider({
            //  The height of the stage in px. Options: false or positive integer. false = height is calculated using maximum slide heights. Default: false
            stageHeight: 320,
            //  Number of slides visible at one time. Options: false or positive integer. false = Fit as many as possible.  Default: 1
            slidesOnStage: false,
            //  The location of the current slide on the stage. Options: 'left', 'right', 'center'. Defualt: 'left'
            slidePosition: 'center',
            //  The slide to start on. Options: 'beg', 'mid', 'end' or slide number starting at 1 - '1','2','3', etc. Defualt: 'beg'
            slideStart: 'mid',
            //  The relative percentage scaling factor of the current slide - other slides are scaled down. Options: positive number 100 or higher. 100 = No scaling. Defualt: 100
            slideScaling: 150,
            //  The vertical offset of the slide center as a percentage of slide height. Options:  positive or negative number. Neg value = up. Pos value = down. 0 = No offset. Default: 0
            offsetV: -5,
            //  Center slide contents vertically - Boolean. Default: false
            centerV: true,
            //  Opacity of the prev and next button navigation when not transitioning. Options: Number between 0 and 1. 0 (transparent) - 1 (opaque). Default: .5
            navButtonsOpacity: 1,
        });
    });
</script>
<!-- //testimonial-plugin -->

<!-- numscroller-js-file -->
<script src="js/numscroller-1.0.js"></script>
<!-- //numscroller-js-file -->

<!-- smooth scrolling -->
<script src="js/SmoothScroll.min.js" th:src="@{/js/SmoothScroll.min.js}"></script>
<!-- //smooth scrolling -->

<!-- move-top -->
<script src="js/move-top.js" th:src="@{/js/move-top.js}"></script>
<!-- easing -->
<script src="js/easing.js" th:src="@{js/easing.js}"></script>
<!--  necessary snippets for few javascript files -->
<script src="js/edulearn.js" th:src="@{/js/edulearn.js}"></script>

<!-- //Js files -->
</body>

</html>